<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Violet Blog Theme</title>
<meta name="keywords" content="violet blog theme, free templates, website templates, CSS, HTML" />
<meta name="description" content="Violet Blog Theme - free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
       
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
    
</head>
<body id="subpage">

<div id="templatemo_outer_wrapper_sp">
    <div id="templatemo_wrapper_sp">
    
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
            <div id="templatemo_menu" class="ddsmoothmenu">
                <ul>
                    <li><a href="index.html"><span></span>Home</a></li>
                    <li><a href="about.html"><span></span>About Us</a>
                        <ul>
                            <li><a href="submenupage.html">Sub menu 1</a></li>
                            <li><a href="submenupage.html">Sub menu 2</a></li>
                            <li><a href="submenupage.html">Sub menu 3</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html"><span></span>Portfolio</a>
                        <ul>
                            <li><a href="submenupage.html">Sub menu 1</a></li>
                            <li><a href="submenupage.html">Sub menu 2</a></li>
                            <li><a href="submenupage.html">Sub menu 3</a></li>
                            <li><a href="submenupage.html">Sub menu 4</a></li>
                            <li><a href="submenupage.html">Sub menu 5</a></li>
                        </ul>
                    </li>
                    <li><a href="blog.html"  class="selected"><span></span>Blog</a></li>
                    <li><a href="contact.html"><span></span>Contact</a></li>
                </ul>
                <br style="clear: left" />
            </div> <!-- end of templatemo_menu -->
            
            <div class="cleaner"></div>
        </div> <!-- end of templatemo header -->
        
        <div id="templatemo_middle_sp">
            <div id="mid_title">
                    Our Blog Posts	
            </div>
            <p>Nullam nisi velit, varius a vehicula mattis, cursus eu arcu. Proin interdum enim in purus volutpat a euismod ante adipiscing. Duis ut libero ut libero viverra auctor. Vivamus lorem velit, non cursus sed, luctus eu elit.</p>
                <div id="learn_more"><a href="#">Learn More</a></div>
            <div class="cleaner"></div>
        </div> <!-- end of middle -->
        
        <div id="templatemo_main">
        
            <div class="col_w580 float_l">
                <div class="post_box">
                    <h2> Template Design Tips</h2>
                <img src="images/templatemo_image_02.png" class="image_wrapper" alt="Image 02" />
                    <p><span class="cat">August 28th in <a href="#">Templates</a>, <a href="#">Freebie</a></span> | <a href="#">132 comments</a></p>
                    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc rhoncus metus at nisl consectetur eget aliquet nulla cursus. Ut nec elit velit. Nulla sagittis nisi a nisl accumsan non ullamcorper purus tristique. Aenean in tellus sapien. Aenean vitae laoreet est. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                    <a class="more" href="#">Continue Reading</a>
                    <div class="cleaner"></div>
                </div>
                
                <div class="post_box">
                    <h2> Graphic Animations</h2>
                <img src="images/templatemo_image_04.png" class="image_wrapper" alt="Image 04" />
                    <p><span class="cat">August 25th in <a href="#">3D</a>, <a href="#">Animations</a></span> | <a href="#">145 comments</a></p>
                    <p>Nam porttitor, massa a fringilla aliquet, nisl quam imperdiet sapien, vel varius sem nunc eu dui. Donec a dolor ut nulla sagittis tincidunt. Suspendisse egestas hendrerit est, vitae placerat lorem volutpat quis. Integer faucibus sagittis elit laoreet commodo. Duis pretium erat augue, sed sodales arcu. Maecenas ac turpis elit. </p>
                    <a class="more" href="#">Continue Reading</a>
                    <div class="cleaner"></div>
                </div>
                
                <div class="post_box">
                    <h2>Company Logo Ideas</h2>
                <img src="images/templatemo_image_03.png" class="image_wrapper" alt="Image 03" />
                    <p><span class="cat">August 16th in <a href="#">Illustrations</a>, <a href="#">Graphics</a></span> | <a href="#">156 comments</a></p>
                    <p>Duis id bibendum purus. Quisque placerat ligula ut lectus ultricies in molestie neque consequat. Maecenas fringilla cursus ligula sit amet tempus. Nam arcu urna, malesuada sed commodo vel, luctus dictum neque. Pellentesque aliquam varius sodales. Nam aliquet dolor et metus feugiat commodo. Etiam ac ultricies lorem. </p>
                    <a class="more" href="#">Continue Reading</a>
                    <div class="cleaner"></div>
                </div>
            </div>
            
            <div class="col_w280 float_r">
                <h4>Categories</h4>
                <div class="sidebar_box">
                    <ul class="tmo_list">
                        <li><a href="#">Aliquam pretium porta</a></li>
                        <li><a href="#">Praesent adipiscing</a></li>
                        <li><a href="#">Quisque dictum pharetra</a></li>
                        <li><a href="#">Fusce quis diam sit amet</a></li>
                    </ul>
                </div>
                
                <div class="cleaner_h20"></div>
                
                <h4>Cool Links</h4>
                <div class="sidebar_box">
                    <ul class="tmo_list">
                        <li><a href="http://www.templatemo.com" target="_parent">CSS Templates</a></li> 
                        <li><a href="http://www.flashmo.com/page/1" target="_parent">Flash XML Galleries</a></li>
                        <li><a href="http://www.templatemo.com/page/1" target="_parent">Website Templates</a></li>
                        <li><a href="http://www.webdesignmo.com/blog" target="_blank">Web Design Blog</a></li>
                    </ul>
                </div>
                
                <div class="cleaner_h20"></div>
                
                <h4>Quick Info.</h4>
                <div class="sidebar_box">
                    <blockquote>
                        <p>Mauris lacinia, odio vitae pellentesque laoreet, tellus est vulputate arcu, faucibus iaculis nulla ipsum sed orci. Vestibulum suscipit bibendum placerat.</p>
                        
                      <cite><a href="http://www.templatemo.com" target="_parent">Juvin</a> - <span>Web Designer</span></cite>            
                    </blockquote>
                </div>
            
                <div class="cleaner"></div>
        	</div>
        </div> <!-- end of main -->
    
    </div> <!-- wrapper -->
</div>

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    
    	Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        
	</div>
</div>

</body>
</html>